<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Bem Vindo!</title>
        <style type="text/css">
            body { 
                margin:0; 
                padding:0; 
                font-size: 80%;
                text-align:center;
                background-color: #ff9933;
                font-family: Calibri, Arial, Verdana;
            }
            #geral { 
                width: 770px;
                height: 300px;
                margin: 0 auto; 
                text-align: left; 
            }
            #conteudo  { 
                padding: 5px; 
                /*background-color: #F5F5DC;*/
                background-image: url("#{facesContext.externalContext.requestContextPath}/images/fundo.gif")
            }
            #rodape {
                padding: 5px;
                position: absolute;
                background-color: #000;
                color: #fff;
                bottom: 1%;
                width: 770px;
/*                background-image: url('./images/fundo.gif');*/
            }
            a:link,a:visited{
                color: #9c9cf2;
                text-decoration: none;
                font-size: 12px;
            }
            a:hover{
                text-decoration: underline;
            }

        </style>
    </h:head>

    <h:body>
        <div id="geral">
            <div id="conteudo">
                <h:form>
                    <p:panel>
                        <p:graphicImage value="/images/Cadastro Usuario.jpg" alt="MiniCurso"  />
                    </p:panel>
                </h:form>
            </div>
            <br/>
            <div id="conteudo" align="center">
                <h:form>
                    <p:panel><b> Informe Login e Senha para ter acesso.</b> </p:panel>
                    <p:panel header="Login" style="width: 300px;">
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Login" for="txtLogin"/>
                            <p:inputText id="txtLogin" required="true" requiredMessage="Login obrigatório"
                                         size="24" value="#{Login.login}"/>
                            <h:outputLabel value="Senha" for="txtSenha"/>
                            <p:password id="txtSenha" required="true" requiredMessage="Senha obrigatória"
                                        feedback="false" size="24" value="#{Login.senha}"/>
                            <!--<p:keyboard password="true" id="txtSenha" required="true" requiredMessage="Senha obrigatória"
                                        feedback="false" size="24" value="{loginbean.senha}"/>-->
                        </h:panelGrid>
                        <p:messages/>
                        <p:separator/>
                        <div align="center"><a href="http://setupjr.com.br" id="esqueci"> Esqueci a senha</a><br/>
                            <p:commandButton  value="Entrar" action="#{Login.logar()}"  ajax="false"/>
                            
                        </div>
                    </p:panel>
                </h:form>  
            </div>
   <p:separator/>
   
            <p:separator/>
            <h:form>
                <div id="rodape" align="center" >
                Universidade Estadual do Norte do Paraná - Campus Luiz Meneghel<br /> 
                Rodovia BR-369 Km 54, Vila Maria, CP 261<br />
                CEP 86360-000
                - Bandeirantes/PR<br /> <br />Copyright © 2012 - 2013 - <a
                    href="http://setupjr.com.br/quemsomos" target="_blank"> SETUP JR</a>.
            </div>
            </h:form>
        </div>  
    </h:body>
</html>

